import {reactive} from "vue";

const st_kchart = reactive({
    id:'st_kchart',
    categories:['2021Q1', '2021Q2', '2021Q3', '2021Q4', '2022Q1',],
    series:[
        {
            name: '资产负债率',
            type: 'spline',
            data: [12, 34, 44, 55, 23,]
        },
        {
            name: '行业均值',
            type: 'spline',
            data: [23,25,33,56,35]
        }
    ]
})

const st_cfl1 = reactive({
    id: 'st_cfl1',
    categories: ['2016', '2017','2018','2019','2020'],
    series: [
        {
            name: '主力净流入',
            type: 'column',
            yAxis: 1,
            data: [49.9, 71.5, 106.4, 129.2, 144.0,],
        },
        {
            name: '占比',
            type: 'spline',
            data: [7.0, 3.3, 9.5, 14.5, 18.2,],
            tooltip: {
                valueSuffix: ''
            }
        }
    ]
})

const st_cfl2 = reactive({
    id: 'st_cfl2',
    categories: ['2016', '2017','2018','2019','2020'],
    series: [
        {
            name: '北向净流入',
            type: 'column',
            yAxis: 1,
            data: [49.9, 71.5, 106.4, 129.2, 144.0,],
        },
        {
            name: '占比',
            type: 'spline',
            data: [7.0, 3.3, 9.5, 14.5, 18.2,],
            tooltip: {
                valueSuffix: ''
            }
        }
    ]
})

const st_bct1 = reactive({
    id: 'st_bct1',
    categories: ['6/30', '7/1', '7/2', '7/3', '7/4',],
    series: [
        {
            name: '融资余额',
            data: [2.9, 3.5, 1.4, 3.2, 3,]
        },
    ]
})

const st_bct2 = reactive({
    id: 'st_bct2',
    categories: ['6/30', '7/1', '7/2', '7/3', '7/4',],
    series: [
        {
            name: '融券余额',
            data: [18.24, 17.64, 18.95, 16.03, 16.95]
        },
    ]
})

const tableRte = reactive({
    titleList:[
        {title:"日期",type:"date",width:120},
        {title:"净流入金额(万元)",type:"name",width:100},
        {title:"营业部买入总额(万元)",type:"address",width:200},
        {title:"营业部卖入总额(万元)",type:"address",width:200},
    ],
    dataList:[
        {
            date:"2016-05-03",
            name:"张三",
            address:"上海市普陀区金沙江路 1516 弄"
        },
        {
            date:"2016-05-04",
            name:"李四",
            address:"上海市普陀区金沙江路 1517 弄"
        },
        {
            date:"2016-05-05",
            name:"王五",
            address:"上海市普陀区金沙江路 1518 弄"
        },
        {
            date:"2016-05-06",
            name:"小六",
            address:"上海市普陀区金沙江路 1520 弄"
        },
    ]
})

const tableRte2 = reactive({
    titleList:[
        {title:"交易日",type:"date",width:120},
        {title:"成交价(元)",type:"name",width:100},
        {title:"折溢价率",type:"address",width:200},
        {title:"成交量(万股)",type:"address",width:200},
        {title:"成交额(万)",type:"想",width:100},
    ],
    dataList:[
        {
            date:"2016-05-03",
            name:"张三",
            address:"上海市普陀区金沙江路 1516 弄"
        },
        {
            date:"2016-05-04",
            name:"李四",
            address:"上海市普陀区金沙江路 1517 弄"
        },
        {
            date:"2016-05-05",
            name:"王五",
            address:"上海市普陀区金沙江路 1518 弄"
        },
        {
            date:"2016-05-06",
            name:"小六",
            address:"上海市普陀区金沙江路 1520 弄"
        },
    ]
})

export  {
    st_kchart,
    st_cfl1,
    st_cfl2,
    st_bct1,
    st_bct2,
    tableRte,
    tableRte2
}
